import { NavBar, SearchBar, Toast } from 'antd-mobile';
import './index.less';

const OrderListItem = () => {
  return (
    <div className="order-list-item">
      <div className="tit">
        <div className="time">2023-07-01 12:02:13</div>
        <div className="status">
          <span>待支付</span>
        </div>
      </div>
      <div className="list">
        <div className="list-item">
          <div className="goods-img">
            <img src="http://cba.itlike.com/public/uploads/10001/20230321/c4b5c61e46489bb9b9c0630002fbd69e.jpg" alt="" />
          </div>
          <div className="goods-content text-ellipsis-2">
            Apple iPhone 14 Pro Max 256G 银色 移动联通电信5G双卡双待手机
          </div>
          <div className="goods-trade">
            <p>¥ 1299.00</p>
            <p>x 3</p>
          </div>
        </div>
        <div className="list-item">
          <div className="goods-img">
            <img src="http://cba.itlike.com/public/uploads/10001/20230321/c4b5c61e46489bb9b9c0630002fbd69e.jpg" alt="" />
          </div>
          <div className="goods-content text-ellipsis-2">
            Apple iPhone 14 Pro Max 256G 银色 移动联通电信5G双卡双待手机
          </div>
          <div className="goods-trade">
            <p>¥ 1299.00</p>
            <p>x 3</p>
          </div>
        </div>
        <div className="list-item">
          <div className="goods-img">
            <img src="http://cba.itlike.com/public/uploads/10001/20230321/c4b5c61e46489bb9b9c0630002fbd69e.jpg" alt="" />
          </div>
          <div className="goods-content text-ellipsis-2">
            Apple iPhone 14 Pro Max 256G 银色 移动联通电信5G双卡双待手机
          </div>
          <div className="goods-trade">
            <p>¥ 1299.00</p>
            <p>x 3</p>
          </div>
        </div>
      </div>
      <div className="total">
        共12件商品，总金额 ¥29888.00
      </div>
      <div className="actions">
        <span v-if="false">立刻付款</span>
        <span v-if="true">申请取消</span>
        <span v-if="false">确认收货</span>
        <span v-if="false">评价</span>
      </div>
    </div>
  );
};

export default OrderListItem;